<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><?=isset($title) && !empty($title)?$title:'外賣店名稱'?></title>
<meta name="robots" content="all"/>
<meta name="keywords" content="<?=isset($keyword) && !empty($keyword)?$keyword:'外賣店名稱'?>">
<meta name="description" content="<?=isset($description) && !empty($description)?$description:'外賣店名稱'?>">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="<?=isset($title) && !empty($title)?$title:'外賣店名稱'?>" />
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="shortcut icon" href="<?=base_url('themes/front/img/ico/favicon.png')?>">
<link rel="apple-touch-icon" href="<?=base_url('themes/front/img/ico/apple-touch-icon.png')?>">
<link rel="stylesheet" href="<?=base_url('themes/front/css/jquery.mobile-1.4.5.min.css')?>">
<link rel="stylesheet" href="<?=base_url('themes/front/css/main.css')?>">
<script src="<?=base_url('themes/front/js/jquery-1.11.1.min.js')?>"></script>
<script src="<?=base_url('themes/front/js/jquery.mobile-1.4.5.min.js')?>"></script>
<script src="<?=base_url('themes/front/js/jquery.sticky.js')?>"></script>
<script src="<?=base_url('themes/front/js/pageloading/jQuery.PageLoading.min.js')?>"></script>
<!--slideshow-->
<link type="text/css" rel="stylesheet" href="<?=base_url('themes/front/js/owl-carousel/owl.carousel.css')?>">
<link type="text/css" rel="stylesheet" href="<?=base_url('themes/front/js/owl-carousel/owl.slideshow.css')?>">
<style type="text/css">

</style>
<script src="<?=base_url('themes/front/js/owl-carousel/owl.carousel.min.js')?>"></script>
<script>
$(document).on("pageshow", function() {
    $("#ordermenu").sticky({topSpacing:0});
});
</script>
<script>
  $(document).ready(function(){
    $.PadeLoading({  // Options
     'BgColor' : '#000000',
     //'BgIMG' : 'URLOfBackgroundImage',
     'BgInnerColor' : '#FFFFFF',
     'BorderColor' : '#FFFFFF',
     'ShadowColor' : '#FFFFFF',
     'LoaderIMG' : "<?=base_url('themes/front/js/pageloading/AjaxLoader.gif')?>",
     'zIndex' : 999
    });
  });
  $(window).load(function(){
     $.PadeLoaded();
  });
</script>
<style type="text/css">
  .img-view ul{padding: 0;margin: 0;}
  .img-view ul li{list-style-type: none;}
  .product-shop{padding-top: 10px;}
  .product-shop .availability{color: #FF7F00;}
  .product-view  .price-box .price{color: #ffa800;font-weight: bold;font-size: 27px;    text-decoration: line-through;}
  .product-view  .price-box{padding:10px 0;}
  .product-view  .price-box .price-label{color: #F7445D;font-weight: bold;font-size: 27px; }
  .view-line{height: 1px;background: #C6C5C5;margin:5px 0;}
  .spec-block{padding:15px 0;}
  .like-list {margin:15px 0;}
  .like-list a{display: inline-block;width:80px;margin:5px;}
  .like-list a img{width: 100%;height: 40px;}
  ul.order-item li{border: none;background: #fff;min-height:auto;}
  ul.order-item li:hover{background: #fff;}
  .owl-controls .owl-pagination{display: block;}
  .owl-theme .owl-controls{width: 100%;}
  .product-view .view-content iframe{
    width: 100%;
    height: auto;
    display: block;
  }

</style>
</head>
<body style="background-color: #fff;">
<!-- 首頁 -->
<div data-role="page" id="home">
    <div data-role="nav" class="nav">
        <div class="cart pull-right"><a href="javascript:location.href='<?php echo base_url('home')?>#cart'" class="ui-link">訂單</a><i class="cart_total">0</i></div>
        <a href="javascript:history.back(-1)" data-direction="reverse" class="back pull-left ui-link">返回</a>
        <h1><?=$lang['home_lable_7']?></h1>
    </div>
    <div class="ui-content product-view" style="background-color: #fff;">
        <div class="img-view">
            <ul id="owl-imgview" class="owl-carousel">
            <?php foreach($photo as $po):?>
               <li class="item">
                 <img src="<?=base_url($po);?>" alt="" width="100%">
               </li>
             <?php endforeach;?>
               
            </ul>
        </div>
        <div class="cell-title">
            <?php echo $row['title']?>
            <p class="product-shop"><b><?=$lang['home_lable_8']?>：</b><span class="availability"><?php echo $base['stock'] > 0 ? $lang['home_lable_32'] : $lang['home_lable_33'];?></span></p>
        </div>
        <div class="view-line"></div>
        <div class="price-box">      
        <?php if(!empty($base['old_price'])):?>                 
          <p class="old-price">
              <span class="price" id="old-price-4816">HK$<?php echo $base['old_price']?></span>
          </p>
        <?php endif;?>
           <p class="special-price">
               <span class="price-label">HK$<?php echo $base['price']?></span>
          </p>
          <div>
             <?php //$row['introduction']?>
          </div>        
      </div>
      <div class="view-line"></div>
        <ul class="spec-block order-item">
           <li product_id="<?=$base['id']?>" class="product_<?=$base['id']?>" data-price="<?php echo check_product_itemprice($base['id']) ? '1' : '0';?>">
             <p class="btn-block">
               <span class="btn add-cart-btn" type="button" ><span><?=$lang['home_lable_3']?></span></span>
              <span class="select" style="display: none;">
                  <a class="minus" data-role="none" href="javascript:void(0)">-</a><input class="price" data-role="none" type="hidden" name="product_price" value="" /><input class="number" data-role="none" type="text" name="product_num" value="1" readonly="readonly"/><a class="add" data-role="none" href="javascript:void(0)">+</a>
              </span>
            </p>
           </li>
        </ul>
      <div class="view-line"></div>
      <p class="product-shop"><b><?=$lang['home_lable_9']?>：</b><span class="availability"></span></p>
      <div class="view-content">
        <?=$row['content']?>
      </div>
      <br/>

      <?php if(isset($logo) && $logo->num_rows()>0):?>
      <div class="view-line"></div>
      <div class="like-list">
        <?php foreach($logo->result_array() as $lo):?>
        <a href="<?=$lo['url']?>"><img src="<?php echo base_url(Imagelib::resize_thumb($lo['logo'],228,48))?>"/></a>
      <?php endforeach;?>
      
      </div>
      <?php endif;?>
    </div>

    <!-- /content -->



<input type="hidden" name="" value="<?php echo base_url('home/getCartList')?>" id="_get_cartList">
<input type="hidden" name="" value="<?php echo base_url('home/addCart');?>" id="_add_cart">
<input type="hidden" name="" value="<?php echo base_url('home/popupSpecItem')?>" id="_popup_spec_item">
  <div class="footer">
    <p>© <?php echo isset($copyright) ? $copyright:'外賣店名稱'?> .Created with <a href="#" title="PopFree Tec" target="_blank">PopFree Tech</a></p>
  </div><!-- /footer -->
</div>
<script type="text/javascript">
  $(function(){
    $('#owl-imgview').owlCarousel({
        items: 1,
        // autoPlay: 3000,
        autoHeight: true,
        transitionStyle: 'fade',
        with:'100%',
        singleItem:true
    });
});
</script>
<!-- 首頁結束 -->
<script src="<?=base_url('themes/front/js/application.js')?>"></script>


<script>

var jsonData = null;
var selectdSpecKey = null;
var nowCarts = <?php echo json_encode($carts);?>;
</script>
<script src="<?=base_url('themes/front/js/base.js')?>"></script>
</body>
</html>
